<h4>Account Information</h4>

<link rel="stylesheet" href="http://i.gtimg.cn/vipstyle/frozenui/2.0.0/css/frozen.css"/>

<div class="ui-form ui-border-t">
    <div style="text-align: center;line-height: normal" class="ui-form-item ui-border-b">
        <label>
            First name
        </label>
        <input type="text" name="firstName" value="${sessionScope.account.firstName}"/>
    </div>
    <div style="text-align: center;line-height: normal" class="ui-form-item ui-border-b">
        <label>
            Last name
        </label>
        <input type="text" name="lastName" value="${sessionScope.account.lastName}"/>
    </div>
    <div style="text-align: center;line-height: normal" class="ui-form-item ui-border-b">
        <label>
            Email
        </label>
        <input type="text" size="40" name="email" value="${sessionScope.account.email}" />
    </div>
    <div style="text-align: center;line-height: normal" class="ui-form-item ui-border-b">
        <label>
            Phone
        </label>
        <input type="text" name="phone" value="${sessionScope.account.phone}" />
    </div>
    <div style="text-align: center;line-height: normal" class="ui-form-item ui-border-b">
        <label>
            Address 1
        </label>
        <input type="text" size="40" name="address1" value="${sessionScope.account.address1}" />
    </div>
    <div style="text-align: center;line-height: normal" class="ui-form-item ui-border-b">
        <label>
            Address 2
        </label>
        <input type="text" size="40" name="address2" value="${sessionScope.account.address2}" />
    </div>
    <div style="text-align: center;line-height: normal" class="ui-form-item ui-border-b">
        <label>
            City
        </label>
        <input type="text" name="city" value="${sessionScope.account.city}" />
    </div>
    <div style="text-align: center;line-height: normal" class="ui-form-item ui-border-b">
        <label>
            State
        </label>
        <input type="text" size="4" name="state" value="${sessionScope.account.state}" />
    </div>
    <div style="text-align: center;line-height: normal" class="ui-form-item ui-border-b">
        <label>
            Zip
        </label>
        <input type="text" size="10" name="zip" value="${sessionScope.account.zip}" />
    </div>
    <div style="text-align: center;line-height: normal" class="ui-form-item ui-border-b">
        <label>
            Country
        </label>
        <input type="text" size="15" name="country" value="${sessionScope.account.country}" />    </div>
</div>

<h4>Profile Information</h4>

<div class="ui-form ui-border-t">
    <div style="text-align: center;line-height: normal" class="ui-form-item ui-border-b">
        <label>
            Language Preference
        </label>
        <select name="languagePreference">
            <option value="english" selected="selected">english</option>
            <option value="japanese">japanese</option>
        </select>
    </div>
    <div style="text-align: center;line-height: normal" class="ui-form-item ui-border-b">
        <label>
            Favourite Category
        </label>
        <select name="favouriteCategoryId">
            <option value="FISH">FISH</option>
            <option selected="selected" value="DOGS">DOGS</option>
            <option value="REPTILES">REPTILES</option>
            <option value="CATS">CATS</option>
            <option value="BIRDS">BIRDS</option>
        </select>
    </div>
    <div style="text-align: center;line-height: normal" class="ui-form-item ui-border-b">
        <label>
            Enable MyList
        </label>
        <input type="checkbox" name="listOption" value="${sessionScope.account.listOption}"/>
    </div>
    <div style="text-align: center;line-height: normal" class="ui-form-item ui-border-b">
        <label>
            Enable MyBanner
        </label>
        <input type="checkbox" name="bannerOption" value="${sessionScope.account.bannerOption}"/>
    </div>
</div>
